<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>设备管理</title>
<link rel="stylesheet" href="/scriptZIP/layui.min.css">
	<link rel="stylesheet" href="../css/common2.css">
	<link rel="stylesheet" href="../css/layui.css" />
	<style>
		.layui-row {
			margin-top: 50px;
		}

		.offer {
			width: 90px;
			height: 35px;
			background: #0086b6;
			color: white;
			text-align: center;
			line-height: 35px;
			font-size: 16px;
			border-radius: 4px;
		}

		.return {
			width: 80px;
			height: 35px;
			background: #0086b6;
			color: white;
			text-align: center;
			line-height: 35px;
			margin-top: -35px;
			margin-left: 130px;
			font-size: 16px;
			border-radius: 4px;
		}
	</style>
</head>

<body>

	<div class="layui-row" id="vue-root">
		<div></div>
		<div class="layui-col-md6 layui-col-md-offset3">
			
			<div class="layui-form-item" >
				<label class="layui-form-label">学生姓名</label>
				<div class="layui-input-block">
					<input name="deviceName" v-validate="'required'" autocomplete="off" placeholder="请输入"
						class="layui-input name" v-model="item.studentName" disabled>
					<div class="checkout_state" v-text="err('deviceName')"></div>
				</div>
			</div>
			<div class="layui-form-item" >
				<label class="layui-form-label">家长姓名</label>
				<div class="layui-input-block">
					<input name="deviceCode" :disabled="edit" v-validate="'required'" autocomplete="off"
						placeholder="请输入" class="layui-input tag" v-model="item.parentName" disabled>
					<div class="checkout_state" v-text="err('deviceCode')"></div>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">总价（支付金额）</label>
				<div class="layui-input-block">
					<input name="deviceCode" :disabled="edit" v-validate="'required'" autocomplete="off"
						placeholder="请输入" class="layui-input tag" v-model="item.totalPrice">
					<div class="checkout_state" v-text="err('deviceCode')"></div>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">公司支付</label>
				<div class="layui-input-block">
					<input name="deviceCode" :disabled="edit" v-validate="'required'" autocomplete="off"
						placeholder="请输入" class="layui-input tag" v-model="item.companyPayment">
					<div class="checkout_state" v-text="err('deviceCode')"></div>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">员工支付</label>
				<div class="layui-input-block">
					<input name="deviceCode" :disabled="edit" v-validate="'required'" autocomplete="off"
						placeholder="请输入" class="layui-input tag" v-model="item.employeePayment">
					<div class="checkout_state" v-text="err('deviceCode')"></div>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">开始时间</label>
				<div class="layui-input-block">
					<input type="text" class="layui-input" id="expiryDate" v-model="item.startTime" placeholder="选择时间">
				</div>
			</div>
	
			<div class="layui-form-item">
				<label class="layui-form-label">结束时间</label>
				<div class="layui-input-block">
					<input type="text" class="layui-input" id="renewalTime" v-model="item.endTime" placeholder="选择时间">
				</div>
			</div>

		

			<div class="layui-form-item">
				<div class="layui-input-block">
					<div class="offer" @click="submit">立即提交</div>
					<div class="return" onclick="history.back()">取消</div>
				</div>
			</div>
		</div>
	</div>

	<script src="/scriptZIP/qs.min.js"></script>
	<script src="/scriptZIP/vue.min.js"></script>


	<script src="/scriptZIP/axios.min.js"></script>
	<script src="/lib/laydate/laydate.js"></script>
	<script src="/js/common.js"></script>
	<script src="/js/item.js"></script>

	<script>
		var app = new Vue(merge({
			data: {
				item: {
					schoolId: null,
				},
				url: '/api/orderXcx',
				edit: false,
				schools: [],
				isEdit: false,
			},
			created: function () {
	
				this.init();
			},
		}));
		laydate.render({
            elem: '#expiryDate',
            type: 'date',
            done: function (value, date, endDate) {
                app.item.startTime = value;
            }
        });

        laydate.render({
            elem: '#renewalTime',
            type: 'date',
            done: function (value, date, endDate) {
                app.item.endTime = value;
            }
        });
	</script>
</body>

</html>